﻿@model dynamic
@{
	ViewBag.Title = "Security Dashboard";
	Layout = "~/Views/shared/_BootstrapLayout.basic.cshtml";
}
<h2>Security Dashboard</h2>
<div class="row">
	<div class="btn-toolbar">
		<button class="btn btn-primary">New User</button>
		<button class="btn">Import</button>
		<button class="btn">Export</button>
		<div class="span4">
			<form class="form-search">
				<div class="input-append">
					<input type="text" class="span2">
					<button type="submit" class="btn">Search</button>
				</div>
			</form>
		</div>
	</div>

	<table class="table table-striped table-condensed">
		<thead>
			<tr>
				<th>Username</th>
				<th>Date registered</th>
				<th>Role</th>
				<th>Status</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>Donna R. Folse</td>
				<td>2012/05/06</td>
				<td>Editor</td>
				<td><span class="label label-success">Active</span>
				</td>
			</tr>
			<tr>
				<td>Emily F. Burns</td>
				<td>2011/12/01</td>
				<td>Staff</td>
				<td><span class="label label-important">Banned</span></td>
			</tr>
			<tr>
				<td>Andrew A. Stout</td>
				<td>2010/08/21</td>
				<td>User</td>
				<td><span class="label">Inactive</span></td>
			</tr>
			<tr>
				<td>Mary M. Bryan</td>
				<td>2009/04/11</td>
				<td>Editor</td>
				<td><span class="label label-warning">Pending</span></td>
			</tr>
			<tr>
				<td>Mary A. Lewis</td>
				<td>2007/02/01</td>
				<td>Staff</td>
				<td><span class="label label-success">Active</span></td>
			</tr>
		</tbody>
	</table>
	<div class="pagination">
		<ul>
			<li><a href="#">Prev</a></li>
			<li><a href="#">1</a></li>
			<li><a href="#">2</a></li>
			<li><a href="#">3</a></li>
			<li><a href="#">4</a></li>
			<li><a href="#">Next</a></li>
		</ul>
	</div>
	<div class="modal small hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			<h3 id="myModalLabel">Delete Confirmation</h3>
		</div>
		<div class="modal-body">
			<p class="error-text">Are you sure you want to delete the user?</p>
		</div>
		<div class="modal-footer">
			<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
			<button class="btn btn-danger" data-dismiss="modal">Delete</button>
		</div>
	</div>
</div>
